<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 一,vue2和vue3的区别是什么
      // 01.vue3中的虚拟DOm算法采用了Proxy代替Object.defineProperty,这使得vue3的响应式系统更加高效和文档,也为虚拟DOM算法带来了更优秀的性能表现
      // 02.vue3和对ts的支持更友好
      // 03.vue3的虚拟DOM算法相对于vue2更加高效,主要是因为vue3采用了更加智能的静态标记技术,他可以在编译阶段对静态节点进行标记并跳过这些节点的比较和更新,从而提升渲染性能
      
      // 二,vue3中废弃了vue2中的一些属性
      // 01.activated 和 deactivated 钩子函数：在 Vue 2 中，这两个钩子函数分别在组件被激活和停用时被调用。在 Vue 3 中，这些钩子函数被废除，并被 beforeMount 和 beforeUnmount 钩子函数所替代。
      // 02.watch 的 deep 选项：在 Vue 2 中，watch 方法有一个 deep 选项，用于深度监听对象或数组的变化。在 Vue 3 中，这个选项被废除了，取而代之的是 watchEffect 函数和 reactive API。
      // 03.v-bind:slot 和 v-on:slot 用于动态绑定插槽名。在 Vue 3 中，这些属性被废除了，并被新的 v-slot 语法所替代。
    </script>
  </body>
</html>
